<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="Animate" style="width: 100px;height: 100px; background: #ddd;"></div>
<script>
  var start = null;
  var element = document.getElementById('Animate');
  element.style.position = 'absolute';

  function step(timestamp) {
    if (!start) start = timestamp;
    var progress = timestamp - start;

    element.style.left = Math.min(progress / 10, 200) + 'px';
    if (progress < 2000) {
      window.requestAnimationFrame(step);
    }
  }

  window.requestAnimationFrame(step);

  /**
   * animation.start({
   *   ele: 'Animate',
   *   speed: 10,
   * })
   *
   * console.log(animation)
   */
</script>
</body>
</html>
